<svg width="400" height="600" xmlns="http://www.w3.org/2000/svg">
    <!-- 背景 -->
    <rect width="400" height="600" fill="#F2EFE9" />
    
    <!-- 装饰元素 -->
    <rect x="20" y="20" width="360" height="560" fill="#FFFFFF" stroke="#D9D2C5" stroke-width="1" />
    <rect x="30" y="30" width="340" height="540" fill="none" stroke="#E8E3DA" stroke-width="0.5" />
    
    <!-- 标题 -->
    <text x="200" y="80" font-family="KaiTi, 楷体" font-size="28" fill="#464646" text-anchor="middle" font-weight="bold">汉语新解</text>
    
    <!-- 分隔线 -->
    <line x1="70" y1="100" x2="330" y2="100" stroke="#D9D2C5" stroke-width="1" />
    
    <!-- 词汇 -->
    <text x="200" y="140" font-family="KaiTi, 楷体" font-size="24" fill="#333333" text-anchor="middle" font-weight="bold">程序员摸鱼</text>
    <text x="200" y="165" font-family="KaiTi, 楷体" font-size="16" fill="#666666" text-anchor="middle">chéng xù yuán mō yú</text>
    <text x="200" y="185" font-family="Arial, sans-serif" font-size="14" fill="#888888" text-anchor="middle">Programmer's Fish Touching</text>
    <text x="200" y="205" font-family="MS Gothic, sans-serif" font-size="14" fill="#888888" text-anchor="middle">プログラマーの魚触り</text>
    
    <!-- 解释 -->
    <foreignObject x="50" y="230" width="300" height="320">
      <div xmlns="http://www.w3.org/1999/xhtml" style="font-family: KaiTi, 楷体; font-size: 18px; color: #464646; line-height: 1.6; text-align: justify;">
        <p>一场精心编排的现代文明病，是高度专业化时代里的小型反叛。</p>
        <p>程序员把自己的灵魂出租给了代码，却偷偷在工作缝隙中找回自我的微小仪式。他们在电脑前创世界，却无力改变自己被困的牢笼。</p>
        <p>摸鱼，不过是囚徒用指尖触碰一下栅栏外的自由，然后继续在数字矿井里挖掘，直到下班铃声敲响那短暂的假释期。</p>
        <p>这不是懒惰，而是被压抑的创造力和自由意志在荒漠中找到的一处小小绿洲。</p>
      </div>
    </foreignObject>
    
    <!-- 底部装饰 -->
    <line x1="70" y1="550" x2="330" y2="550" stroke="#D9D2C5" stroke-width="1" />
  </svg>